<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>index</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.4 -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <link href="dist/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="dist/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <link href="dist/css/skins/skin-blue.min.css" rel="stylesheet" type="text/css" />
    <link href="dist/css/style.css" rel="stylesheet" type="text/css" />
    <link href="dist/css/d_index.css"  rel="stylesheet" type="text/css" />
    <!--[if lt IE 9]>
        <script src="dist/js/html5shiv.min.js"></script>
        <script src="dist/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body class="skin-blue sidebar-mini">
    <div class="wrapper">

      <!-- Main Header -->
      <header class="main-header">

        <!-- Logo -->
        <a href="index2.html" class="logo">
          <span class="logo"><img src="dist/img/logo.png" /></span>
        </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle visible-xs" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
          </a>

          <!-- search form (Optional) -->
          <form action="#" method="get" class="sidebar-form sidebar-form-width pull-left hidden-xs">
            <div class="input-group">
              <input type="text" name="q" class="form-control" placeholder="Search..."/>
              <span class="input-group-btn">
                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
            </div>
          </form>
          <!-- /.search form -->
          <span class="title hidden-xs">interlaw</span>
          <!-- Navbar Right Menu -->
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- Messages: style can be found in dropdown.less-->
              <li class="dropdown messages-menu">
                <!-- Menu toggle button -->
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-envelope-o"></i>
                </a>
                <ul class="dropdown-menu">
                </ul>
              </li><!-- /.messages-menu -->

              
              <!-- Tasks Menu -->
              <li class="dropdown tasks-menu">
                <!-- Menu Toggle Button -->
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-flag-o"></i>
                  <span class="label label-danger">9</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">You have 9 tasks</li>
                  <li>
                    <!-- Inner menu: contains the tasks -->
                    <ul class="menu">
                      <li><!-- Task item -->
                        <a href="#">
                          <!-- Task title and progress text -->
                          <h3>
                            Design some buttons
                            <small class="pull-right">20%</small>
                          </h3>
                          <!-- The progress bar -->
                          <div class="progress xs">
                            <!-- Change the css width attribute to simulate progress -->
                            <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">20% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
                    </ul>
                  </li>
                  <li class="footer">
                    <a href="#">View all tasks</a>
                  </li>
                </ul>
              </li>
              <!-- User Account Menu -->
              <li class="dropdown user user-menu">
                <!-- Menu Toggle Button -->
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <!-- The user image in the navbar-->
                  <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
                  <!-- hidden-xs hides the username on small devices so only the image appears. -->
                  <span class="hidden-xs">&nbsp;</span>
                </a>
                <ul class="dropdown-menu">
                  <!-- The user image in the menu -->
                  <li class="user-header">
                    <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
                    <p>
                      Alexander Pierce - Web Developer
                      <small>Member since Nov. 2012</small>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <li class="user-body">
                    <div class="col-xs-4 text-center">
                      <a href="#">Followers</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Sales</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Friends</a>
                    </div>
                  </li>
                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <div class="pull-left">
                      <a href="#" class="btn btn-default btn-flat">Profile</a>
                    </div>
                    <div class="pull-right">
                      <a href="#" class="btn btn-default btn-flat">Sign out</a>
                    </div>
                  </li>
                </ul>
              </li>
              <!-- Control Sidebar Toggle Button -->
              <li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
              </li>
            </ul>
          </div>
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar">

        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">

          <!-- Sidebar user panel (optional) -->
          <div class="user-panel">
            <div class="image">
              <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
            </div>
           
          </div>

          

          <!-- Sidebar Menu -->
          <ul class="sidebar-menu">
            <!-- Optionally, you can add icons to the links -->
          <li class="active"><a href="#"><i class='fa fa-check-circle'></i> <p>案件</p></a></li>
          <li><a href="#"><i class='fa fa-credit-card'></i> <p>任务</p></a></li>
          <li><a href="#"><i class='fa fa-cube'></i> <p>动态</p></a></li>
          <li><a href="#"><i class='fa fa-calculator'></i> <p>日程</p></a></li>
          <li><a href="#"><i class='fa fa-hand-o-left'></i> <p>人员</p></a></li>
          <li><a href="#"><i class='fa fa-hand-o-right'></i> <p>通知</p></a></li>
          <li><a href="#"><i class='fa fa-fax'></i> <p>私信</p></a></li>
          <li><a href="#"><i class='fa fa-thumbs-o-down'></i> <p>个人</p></a></li>
            
          </ul><!-- /.sidebar-menu -->
        </section>
        <!-- /.sidebar -->
      </aside>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>我的案件</h1>
          <ol class="breadcrumb">
            <li><a href="#">+ 添加案件</a></li>
            <li><a href="#"><i class='glyphicon glyphicon-align-justify'></i></a></li>
            <li><a href="#"><i class='glyphicon glyphicon-list hui'></i></a></li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-aqua">
                <div class="inner">
                  <h3>F1</h3>
                  <p>担任市政府</p>
                  <p class="has-line has-line-1">法律顾问</p>
                </div>
                <div class="icon">
                  <i class="fa fa-medkit"></i>
                </div>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-hui no-check">
                <div class="inner">
                  <h3>E13</h3>
                  <p>担任市政府</p>
                  <p class="has-line has-line-2">法律顾问</p>
                </div>
                <div class="icon">
                  <i class="fa fa-medkit"></i>
                </div>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-hui">
                <div class="inner">
                  <h3>A1</h3>
                  <p>担任市政府</p>
                  <p class="has-line has-line-2">法律顾问</p>
                </div>
                <div class="icon">
                  <i class="fa fa-medkit"></i>
                </div>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-red">
                <div class="inner">
                  <h3>C6</h3>
                  <p>房产管理</p>
                  <p class="has-line has-line-3">诉讼与仲裁（刑事）
                <div class="icon">
                  <i class="fa fa-medkit"></i>
                </div>
              </div>
            </div><!-- ./col -->
          </div>
          <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-yellow">
                <div class="inner">
                  <h3>C6</h3>
                  <p>房产管理</p>
                  <p class="has-line has-line-4">诉讼与仲裁（刑事）
                <div class="icon">
                  <i class="fa fa-medkit"></i>
                </div>
              </div>
            </div><!-- ./col -->
          </div>
           <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-green">
                <div class="inner">
                  <h3>C6</h3>
                  <p>房产管理</p>
                  <p class="has-line has-line-5">诉讼与仲裁（刑事）
                <div class="icon">
                  <i class="fa fa-medkit"></i>
                </div>
              </div>
            </div><!-- ./col -->
          </div>
          <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-white">
                <div class="inner">
                  <h3>+</h3>
                  <p>添加案件</p>
                  <p class="has-line has-line-6">
                  &nbsp;
                  <div class="icon">
                    <i class="fa fa-medkit"></i>
                  </div>
              </div>
            </div><!-- ./col -->
          </div>
          <div class="col-lg-3 col-xs-6">
             <a href="#" class="more-read"><i class="fa fa-fw fa-eye"></i> 查看更多案件</a>
          </div>

          </div>
          <div class="col-md-7 pl-none">
              <!-- Custom Tabs (Pulled to the right) -->
              <div class="nav-tabs-custom">
                <ul class="nav nav-tabs pull-right">
                  
                  <li class=""><a href="#tab_3-2" data-toggle="tab" aria-expanded="false">关注的人</a></li>
                  <li class=""><a href="#tab_2-2" data-toggle="tab" aria-expanded="false">关注的项目</a></li>
                 <li class="active"><a href="#tab_1-1" data-toggle="tab" aria-expanded="true">我的项目</a></li>
                  </li>
                  <li class="pull-left header"><i class="glyphicon glyphicon-pushpin"></i> 动态</li>
                </ul>
                <div class="tab-content">
                  <div class="tab-pane active" id="tab_1-1">
                    <ul class="timeline">
                      <li class="time-label"><span>今天（2015-12-22 周二）</span></li>
                      <li>
                        <i class="glyphicon glyphicon-list-alt"></i>
                        <div class="timeline-item">
                          <span class="time">19:00</span>
                          <div class="timeline-body">
                              <p><a href="#">Whitney</a>在案件<a href="#">法律顾问</a>完成了
                              <a href="#">Malcolm</a>的任务</p>
                              <p><span href="#"><i class='fa fa-file-text-o'></i></span>
                              根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...</p>
                          </div>
                        </div>
                      </li>
                      <li>
                        <i class="glyphicon glyphicon-list-alt"></i>
                        <div class="timeline-item">
                          <span class="time">07:13</span>
                          <div class="timeline-body">
                              <p><a href="#">Whitney</a>在案件<a href="#">法律顾问</a>完成了
                              <a href="#">Malcolm</a>的任务</p>
                              <p><span href="#"><i class='fa fa-file-text-o'></i></span>
                              根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...</p>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <ul class="timeline">
                      <li class="time-label"><span>2015-12-15 周二</span></li>
                      <li>
                        <i class="glyphicon glyphicon-list-alt"></i>
                        <div class="timeline-item">
                          <span class="time">19:00</span>
                          <div class="timeline-body">
                              <p><a href="#">Whitney</a>在案件<a href="#">法律顾问</a>完成了
                              <a href="#">Malcolm</a>的任务</p>
                              <p><span href="#"><i class='fa fa-file-text-o'></i></span>
                              根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...</p>
                          </div>
                        </div>
                      </li>
                      <li>
                        <i class="glyphicon glyphicon-list-alt"></i>
                        <div class="timeline-item">
                          <span class="time">07:13</span>
                          <div class="timeline-body">
                              <p><a href="#">Whitney</a>在案件<a href="#">法律顾问</a>完成了
                              <a href="#">Malcolm</a>的任务</p>
                              <p><span href="#"><i class='fa fa-file-text-o'></i></span>
                              根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...</p>
                          </div>
                        </div>
                      </li>
                    </ul>
                    <ul class="timeline">
                      <li class="time-label"><span>2015-12-15 周二</span></li>
                      <li>
                        <i class="glyphicon glyphicon-list-alt"></i>
                        <div class="timeline-item">
                          <span class="time">19:00</span>
                          <div class="timeline-body">
                              <p><a href="#">Whitney</a>在案件<a href="#">法律顾问</a>完成了
                              <a href="#">Malcolm</a>的任务</p>
                              <p><span href="#"><i class='fa fa-file-text-o'></i></span>
                              根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...</p>
                          </div>
                        </div>
                      </li>
                      <li>
                        <i class="glyphicon glyphicon-list-alt"></i>
                        <div class="timeline-item">
                          <span class="time">07:13</span>
                          <div class="timeline-body">
                              <p><a href="#">Whitney</a>在案件<a href="#">法律顾问</a>完成了
                              <a href="#">Malcolm</a>的任务</p>
                              <p><span href="#"><i class='fa fa-file-text-o'></i></span>
                              根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...</p>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </div><!-- /.tab-pane -->
                  <div class="tab-pane" id="tab_2-2">
                    The European languages are members of the same family. Their separate existence is a myth.
                    For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ
                    in their grammar, their pronunciation and their most common words. Everyone realizes why a
                    new common language would be desirable: one could refuse to pay expensive translators. To
                    achieve this, it would be necessary to have uniform grammar, pronunciation and more common
                    words. If several languages coalesce, the grammar of the resulting language is more simple
                    and regular than that of the individual languages.
                  </div><!-- /.tab-pane -->
                  <div class="tab-pane" id="tab_3-2">
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                    It has survived not only five centuries, but also the leap into electronic typesetting,
                    remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
                    sheets containing Lorem Ipsum passages, and more recently with desktop publishing software
                    like Aldus PageMaker including versions of Lorem Ipsum.
                  </div><!-- /.tab-pane -->
                </div><!-- /.tab-content -->
              </div><!-- nav-tabs-custom -->
            </div>

            <div class="col-md-5 pr-none pl-none">
              <!-- DIRECT CHAT DANGER -->
              <div class="box box-danger direct-chat direct-chat-danger">
                <div class="box-header with-border">
                  <h3 class="box-title"><i class="fa fa-file-text-o"></i> 任务</h3>
                  <div class="pull-right">
                    <a href="#">+添加任务</a>
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <ul class="todo-list ui-sortable">
                    <li> 
                      <!-- checkbox -->
                      <div class="fenshu pull-left">
                        <input type="checkbox" value="" name="">
                        <i class="glyphicon glyphicon-star g-red"></i>
                        <i class="glyphicon glyphicon-star-empty"></i>
                        <i class="glyphicon glyphicon-star-empty"></i>
                      </div>
                      <!-- todo text -->
                      <span class="text pull-left">根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...
                      根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼
                        <div class="tool-body">
                          <small class="label label-danger"><i class="glyphicon glyphicon-list-alt"></i>
                          11月12日</small>
                          <!-- General tools such as edit or delete-->
                          <div class="tools">
                            <i class="glyphicon glyphicon-repeat"></i> 
                            <span>06-05 09:32</span>
                            <i class="fa fa-edit"></i>
                          <i class="fa fa-trash-o" data-toggle="modal" data-target=".bs-example-modal-sm"></i>
                          </div>
                        </div>
                      </span>
                      <!-- Emphasis label -->
                    </li>
                    <li> 
                      <!-- checkbox -->
                      <div class="fenshu pull-left">
                        <input type="checkbox" value="" name="">
                        <i class="glyphicon glyphicon-star g-red"></i>
                        <i class="glyphicon glyphicon-star-empty"></i>
                        <i class="glyphicon glyphicon-star-empty"></i>
                      </div>
                      <!-- todo text -->
                      <span class="text pull-left">根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...
                      根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼
                        <div class="tool-body">
                          <small class="label label-danger"><i class="glyphicon glyphicon-list-alt"></i>
                          11月12日</small>
                          <!-- General tools such as edit or delete-->
                          <div class="tools">
                            <i class="glyphicon glyphicon-repeat"></i> 
                            <span>06-05 09:32</span>
                            <i class="fa fa-edit"></i>
                          <i class="fa fa-trash-o" data-toggle="modal" data-target=".bs-example-modal-sm"></i>
                          </div>
                        </div>
                      </span>
                      <!-- Emphasis label -->
                    </li>
                    <li> 
                      <!-- checkbox -->
                      <div class="fenshu pull-left">
                        <input type="checkbox" value="" name="">
                        <i class="glyphicon glyphicon-star g-red"></i>
                        <i class="glyphicon glyphicon-star-empty"></i>
                        <i class="glyphicon glyphicon-star-empty"></i>
                      </div>
                      <!-- todo text -->
                      <span class="text pull-left">根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...
                      根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼
                        <div class="tool-body">
                          <small class="label label-danger"><i class="glyphicon glyphicon-list-alt"></i>
                          11月12日</small>
                          <!-- General tools such as edit or delete-->
                          <div class="tools">
                            <i class="glyphicon glyphicon-repeat"></i> 
                            <span>06-05 09:32</span>
                            <i class="fa fa-edit"></i>
                          <i class="fa fa-trash-o" data-toggle="modal" data-target=".bs-example-modal-sm"></i>
                          </div>
                        </div>
                      </span>
                      <!-- Emphasis label -->
                    </li>
                  </ul>
                </div><!-- /.box-body -->
                <div class="box-footer">
                  <a href="#"><i class="fa fa-fw fa-eye"></i> 查看更多任务</a>
                </div><!-- /.box-footer-->
              </div><!--/.direct-chat -->
              <div class="box box-warning direct-chat direct-chat-warning">
                <div class="box-header with-border">
                  <h3 class="box-title"><i class="fa fa-file-text-o"></i> 日程 <small>2015/12/26</small></h3>
                  <div class="pull-right">
                    <a href="#" class="warning">+添加日程</a>
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">

                  <ul class="todo-list ui-sortable">
                    <li> 
                      <!-- checkbox -->
                      <div class="fenshu pull-left">
                        <input type="checkbox" value="" name="">
                      </div>
                      <!-- todo text -->
                      <span class="text pull-left">根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...
                      根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼
                        <div class="tool-body">
                          <small class="label"><i class="glyphicon glyphicon-repeat"></i> 
                            <span>06-05 09:32</span></small>
                          <!-- General tools such as edit or delete-->
                          <div class="tools">     
                            <i class="fa fa-edit"></i>
                            <i class="fa fa-trash-o" data-toggle="modal" data-target=".bs-example-modal-sm"></i>
                          </div>
                        </div>
                      </span>
                      <!-- Emphasis label -->
                    </li>
                    <li> 
                      <!-- checkbox -->
                      <div class="fenshu pull-left">
                        <input type="checkbox" value="" name="">
                      </div>
                      <!-- todo text -->
                      <span class="text pull-left">根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...
                      根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼
                        <div class="tool-body">
                          <small class="label"><i class="glyphicon glyphicon-repeat"></i> 
                            <span>06-05 09:32</span></small>
                          <!-- General tools such as edit or delete-->
                          <div class="tools">     
                            <i class="fa fa-edit"></i>
                            <i class="fa fa-trash-o" data-toggle="modal" data-target=".bs-example-modal-sm"></i>
                          </div>
                        </div>
                      </span>
                      <!-- Emphasis label -->
                    </li>
                    <li> 
                      <!-- checkbox -->
                      <div class="fenshu pull-left">
                        <input type="checkbox" value="" name="">
                      </div>
                      <!-- todo text -->
                      <span class="text pull-left">根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼...
                      根据诉讼的内容和形式不同，诉讼活动可以具体分为形式诉讼
                        <div class="tool-body">
                          <small class="label"><i class="glyphicon glyphicon-repeat"></i> 
                            <span>06-05 09:32</span></small>
                          <!-- General tools such as edit or delete-->
                          <div class="tools">     
                            <i class="fa fa-edit"></i>
                            <i class="fa fa-trash-o" data-toggle="modal" data-target=".bs-example-modal-sm"></i>
                          </div>
                        </div>
                      </span>
                      <!-- Emphasis label -->
                    </li>

                    
                  </ul>
                </div><!-- /.box-body -->
                <div class="box-footer">
                  <a href="#"><i class="fa fa-fw fa-eye"></i> 查看更多日程</a>
                </div><!-- /.box-footer-->
              </div><!--/.direct-chat -->
            </div>

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->

      
      <!-- Control Sidebar -->      
      <aside class="control-sidebar control-sidebar-dark">                
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
          <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
          <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <!-- Home tab content -->
          <div class="tab-pane active" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">Recent Activity</h3>
            <ul class='control-sidebar-menu'>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
                    <p>Will be 23 on April 24th</p>
                  </div>
                </a>
              </li>              
            </ul><!-- /.control-sidebar-menu -->

            <h3 class="control-sidebar-heading">Tasks Progress</h3> 
            <ul class='control-sidebar-menu'>
              <li>
                <a href='javascript::;'>               
                  <h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                  </div>                                    
                </a>
              </li>                         
            </ul><!-- /.control-sidebar-menu -->         

          </div><!-- /.tab-pane -->
          <!-- Stats tab content -->
          <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
          <!-- Settings tab content -->
          <div class="tab-pane" id="control-sidebar-settings-tab">            
            <form method="post">
              <h3 class="control-sidebar-heading">General Settings</h3>
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Report panel usage
                  <input type="checkbox" class="pull-right" checked />
                </label>
                <p>
                  Some information about this general settings option
                </p>
              </div><!-- /.form-group -->
            </form>
          </div><!-- /.tab-pane -->
        </div>
      </aside><!-- /.control-sidebar -->
      <!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
      <div class='control-sidebar-bg'></div>
    </div><!-- ./wrapper -->


  <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        您真的要删除此条信息吗？
      </div>
      <div class="modal-footer">
          <button type="button" class="btn btn-default pull-left" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-danger">确定</button>
       </div>
    </div>
  </div>
  
  <!--ld-->
  <!--遮罩层-->
  <div class="zhezhao"></div>
  
  <!--新增任务-->
  <div class="renwu_jian">
  	<p class="renwu_jian1"><img class="guanbi" src="dist/img/ld/d_01.jpg" /></p>
    <p class="renwu_jian2"><img src="dist/img/ld/d_05.jpg" /><span>新增日程</span></p>
    <div class="renwu_jian3">
        <p class="renwu_jian3p2">
        	<span class="w_span">内容</span>
            <textarea placeholder="那个钱包是皮制的，已经很久了，当着众人的面前我提他打开来，从那里面取出的内容是"></textarea>
        </p>
        <p class="renwu_fu1">
        	<span class="w_span">案件</span>
            <select>                           
                <option selected="selected" placeholder="XXX-XXXX-XXX">XXX-XXXX-XXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option> 
            </select>
        </p>
        <p class="new_p1">
            <span class="w_span">开始时间</span>
            <input type="text" placeholder="XXX-XXXX-XXX"/>
            <select>                           
                <option selected="selected" value="7:00">7:00</option>
                
                <option value="8:00">8:00</option>
                
                <option value="9:00">9:00</option>
                
                <option value="10:00">10:00</option> 
            </select>
        </p>
         <p class="new_p1">
            <span class="w_span">结束时间</span>
            <input type="text" placeholder="XXX-XXXX-XXX"/>
            <select>                           
                <option selected="selected" value="12:00">12:00</option>
                
                <option value="13:00">13:00</option>
                
                <option value="14:00">14:00</option>
                
                <option value="15:00">15:00</option> 
            </select>
        </p>
        <p class="renwu_jian3p3">
        	<span></span>
            <img class="img_xia1" src="dist/img/ld/d_03.jpg" />
            <b>提醒方式</b>
            <span></span>
        </p>
       
    </div>
    
    <div class="renwu_fu1">
    	<p class="renwu_fu1p1">
        	<span><input type="radio" name="1" />消息提醒</span>
            <span><input type="radio" name="1"/>手机提醒</span>
            <span><input type="radio" name="1"/>双提醒</span>
        </p>
        <p class="renwu_fu1p2 clearfix">
        	<span class="w_span">手机号码</span>
            <input type="text" />
            <img class="huoqu" src="dist/img/ld/d_07.jpg" />
        </p>
        <p class="renwu_fu1p3 clearfix">
        	<span class="w_span">验证码</span>
            <span class="renwu_fu1p31"></span>
            <span class="renwu_fu1p32">重新发送</span>
        </p>
        <p class="renwu_fu2">
        	<span class="w_span">重复</span>
            <select>                           
                <option selected="selected" value="XXX-XXXX-XXX">XXX-XXXX-XXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option> 
            </select>
        </p>
        <p class="renwu_fu3">
        	<span class="w_span">提醒</span>
            <select>                           
                <option selected="selected" value="XXX-XXXX-XXX">XXX-XXXX-XXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option>
                
                <option value="XXX-XXXX">XXX-XXXX</option> 
            </select>
        </p>
         <p class="renwu_fu1p3">
            <span class="w_span">地点</span>
            <input type="text" />
        </p>
        
    </div>
    
     <p class="renwu_jian3p4">
        	<span class="renwu_jian3p40">添加日程</span>
            <span class="renwu_jian3p41">取消</span>
        </p>
   
  </div>
  

    <!-- REQUIRED JS SCRIPTS -->

    <!-- jQuery 2.1.4 -->
    <script src="dist/js/jQuery-2.1.4.min.js"></script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- AdminLTE App -->
    <script src="dist/js/app.min.js" type="text/javascript"></script>
    <script>
        $(function(){
          $('.todo-list>li>.pull-left>input[type=checkbox]').click(function(){
            $(this).parents('.pull-left').parent('li').toggleClass('done');
          });

          $('.todo-list>li .fenshu i').click(function(){
            $(this).removeClass('glyphicon-star-empty').addClass('glyphicon-star').addClass('g-red');
            $(this).prevAll('i').removeClass('glyphicon-star-empty').addClass('glyphicon-star').addClass('g-red');
            $(this).nextAll('i').removeClass('glyphicon-star').removeClass('g-red').addClass('glyphicon-star-empty');
          });
		  
		  
		 /*ld*/
		 function zhezhao(){
		 	var do_width=$(document).width()+'px';
			var do_height=$(document).height()+'px';
			$('.zhezhao').css('width',do_width);
			$('.zhezhao').css('height',do_height);
		 }
		  zhezhao()
		  
		 /*点击X关闭*/
		function guanbi(){
			$('.guanbi').click(function(){
				$('.zhezhao').css('display','none')
				$('.renwu_jian').css('display','none')
			})
			$('.renwu_jian3p41').click(function(){
				$('.zhezhao').css('display','none')
				$('.renwu_jian').css('display','none')
			})
		}
		guanbi()
		  
		 /*新增任务-简*/
		 function renwu_jian(){
			var wi_width=$(window).width();
			var wi_height=$(window).height();
			var renwu_jian_w=$('.renwu_jian').outerWidth();
			var renwu_jian_h=$('.renwu_jian').outerHeight();
			
			var renwu_jian_l=(wi_width-renwu_jian_w)/2+'px';
			var renwu_jian_t0=(wi_height-renwu_jian_h)/2;
			if(renwu_jian_t0<=0){
				renwu_jian_t0=90;
			}
			var renwu_jian_t=renwu_jian_t0+'px';

		 	$('.renwu_jian').css('left',renwu_jian_l);
			$('.renwu_jian').css('top',renwu_jian_t);
		 }
			renwu_jian()
			
		function renwu_fu50(){
			$('.renwu_fu50 img').click(function(){
				if($(this).attr('src')=='dist/img/ld/d_04.jpg'){
					$(this).attr('src','dist/img/ld/d_04_ac.jpg')
				}else{
					$(this).attr('src','dist/img/ld/d_04.jpg')
				}
			})
		}
		renwu_fu50()
		
		
		/*展开提醒方式*/
		function renwu_fu(){
			$('.img_xia1').click(function(){
				if($(this).attr('src')=='dist/img/ld/d_03.jpg'){
					$('.renwu_fu1').css('display','block');
					$(this).attr('src','dist/img/ld/d_03_ac.jpg')
				}else{
					$('.renwu_fu1').css('display','none');
					$(this).attr('src','dist/img/ld/d_03.jpg')
				}
				
			})
		}
		renwu_fu();
			
        })
		
		
         
    </script>
  </body>
</html>